<template>
	<button :plain="true" :class="'link-button ' + extraClass" hover-class="opacity-50" 
		hover-start-time='0' hover-stay-time='0'
		@click="$emit('selfClick')">
		<slot />
	</button>
</template>

<script>
	export default {
		props: {
			extraClass: String
		},
		name:"LinkButton",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.link-button{
		border:0 !important;
		padding: 0 !important;
		line-height: inherit !important;
		font-size: inherit !important;
		text-align: inherit !important;
		color: #707070;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.link-button:after{
		content: '';
		display: none;
	}
</style>
